.collapse-main {
    transition: width 1s;
}

.expand-icon {
    position: absolute;
    width: 16px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;

    cursor: pointer;

    &-left {
        top: 50%;
        right: 100%;
        transform: translateY(-50%);
    }

    &-right {
        top: 50%;
        left: 100%;
        transform: translateY(-50%) rotate(180deg);
    }

    &-top {
        right: 50%;
        bottom: 100%;
        transform-origin: right bottom;
        transform: rotate(90deg) translateY(50%);
    }

    &-bottom {
        right: 50%;
        top: 100%;
        transform-origin: right top;
        transform: rotate(-90deg) translateY(-50%);
    }
}

.width0 {
    width: 0 !important;
}